<template>
  <div :style="{ border: '1px solid green' }">
    <h2>One</h2>
    <Two v-bind="$attrs" v-on="$listeners" />
  </div>
</template>

<script>
import Two from "./Two";
export default {
  name: "One",
  props: [],
  components: {
    Two,
  },
  mounted() {
    /* 
      在组件实例上有一个$attrs属性,保存的是当前组件未被接受的props属性组成的对象
    */
    console.log(this.$attrs);
    /* 
      在组件实例上有一个$listeners属性,保存的是当前组件接受的 自定义事件名称和对应的事件函数 组件的对象
    */
    console.log(this.$listeners);
  },
};
</script>

<style></style>
